<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:pe="http://primefaces.org/ui/extensions"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<ui:composition template="/templates/templateLayout.xhtml">

	<f:metadata>
		<f:viewParam name="id" value="#{movimientoBean.id}" />
		<f:event type="preRenderView" listener="#{movimientoBean.inicio()}" />
	</f:metadata>


	<ui:define name="centerContent">
		<h:panelGroup layout="block"
			class="title ui-widget-header ui-corner-all"
			style="padding: 8px; font-size: 16px !important; text-align: center;">
	
			<h:outputText value="#{msgs['form.movimiento.modificar']}" rendered="#{!empty movimientoBean.entity.id}"/>
			<h:outputText value="#{msgs['form.movimiento.alta']}" rendered="#{empty movimientoBean.entity.id}"/>
		
			<h:form id="create">

				<p:panel id="panelCreate">
					<p:messages  showDetail="true"  closable="true" showSummary="true"/>
					<p:panelGrid id="panelMovimiento"
						style="width: 100%;text-align:left">
						<p:row>
							<p:column width="20">
								<h:outputLabel for="cuenta" value="#{msgs['cuenta']}: " />
							</p:column>
							<p:column>
								<p:autoComplete id="cuenta"
									value="#{movimientoBean.entity.cuenta}"
									completeMethod="#{movimientoBean.cuentas}" var="prop"
									itemLabel="#{prop.nombre}" itemValue="#{prop}"
									converter="#{cuentaConvert}">
									<p:column>  
				               Cuenta: #{prop.nombre}
				            </p:column>
									<p:column>  
				               Estado: #{prop.estado.toString()}
				            </p:column>
								</p:autoComplete>
								<p:message for="cuenta" />
							</p:column>
						</p:row>
						<p:row>
							<p:column width="20">
								<h:outputLabel for="concepto"
									value="#{msgs['form.movimiento.concepto']}" />
							</p:column>
							<p:column >
								<p:inputText id="concepto"
									value="#{movimientoBean.entity.concepto}" />
								<p:message for="concepto" />
							</p:column>
						</p:row>
						<p:row>
							<p:column width="20">
								<h:outputLabel for="tipoFactura"
									value="#{msgs['form.movimiento.tipofactura']}" />
							</p:column>
							<p:column >
								<p:selectOneMenu id="tipoFactura" value="#{movimientoBean.entity.tipoFactura}">
									<f:selectItems value="#{utilsBean.tipoFacturaSinTodos}" />
								</p:selectOneMenu>
								<p:message for="tipoFactura" />
							</p:column>
						</p:row>
						<p:row>
							<p:column width="20">
								<h:outputLabel for="factura"
									value="#{msgs['form.movimiento.factura']}" />
							</p:column>
							<p:column >
								<p:inputText id="factura"
									value="#{movimientoBean.entity.factura}" />
								<p:message for="factura" />
							</p:column>
						</p:row>
						<p:row>
							<p:column width="20">
								<h:outputLabel for="tipoMovimiento"
									value="#{msgs['form.movimiento.tipo']}" />
							</p:column>
							<p:column >
								<p:selectOneButton id="tipoMovimiento" style="width: 200px;"
									value="#{movimientoBean.entity.tipoMovimiento}">
									<f:selectItems value="#{utilsBean.tipoMovimientoSinTodos}" />
								</p:selectOneButton>
								<p:message for="tipoMovimiento" />
							</p:column>
						</p:row>
						<p:row>
							<p:column width="20">
								<h:outputLabel for="importe"
									value="#{msgs['form.movimiento.importe']}" />
							</p:column>
							<p:column >
								<pe:inputNumber id="importe"
									value="#{movimientoBean.entity.importe}" />
								<p:message for="importe" />
							</p:column>
						</p:row>
						<p:row>
							<p:column width="20">
								<h:outputLabel for="fecha" value="#{msgs['form.fecha']}" />
							</p:column>
							<p:column >
								<p:calendar id="fecha" value="#{movimientoBean.entity.fecha}"
									pattern="dd/MM/yyyy HH:mm" />
								<p:message for="fecha" />
							</p:column>
						</p:row>

						</p:panelGrid>

						<f:facet name="footer">
							<ui:include src="/templates/toolbarCreate.xhtml">
								<ui:param name="bean" value="#{movimientoBean}" />
							</ui:include>
						</f:facet>
				</p:panel>

			</h:form>
		</h:panelGroup>
	</ui:define>

</ui:composition>
</html>
